<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>登陆页面</title>
    <link rel="stylesheet" href="../plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../css/login.css" />
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/login.js"></script>
</head>
<body  class="beg-login-bg">
<div class="larry-canvas" id="canvas"></div>
<div class="beg-login-box">
    <header>
        <h1>海上事故管理系统登录</h1>
    </header>
    <div class="beg-login-main">
        <form action="/manage/login" class="layui-form" method="post"><input name="__RequestVerificationToken" type="hidden" value="fkfh8D89BFqTdrE2iiSdG_L781RSRtdWOH411poVUWhxzA5MzI8es07g6KPYQh9Log-xf84pIR2RIAEkOokZL3Ee3UKmX0Jc8bW8jOdhqo81" />
            <div class="show">
                <p></p>
            </div>
            <div class="layui-form-item">
                <label class="beg-login-icon">
                    <i class="layui-icon">&#xe612;</i>
                </label>
                <input type="text" name="userName" lay-verify="userName" autocomplete="off" placeholder="请输入登录名" class="layui-input userName">
            </div>
            <div class="layui-form-item">
                <label class="beg-login-icon">
                    <i class="layui-icon">&#xe642;</i>
                </label>
                <input type="password" name="password" lay-verify="password" autocomplete="off" placeholder="请输入密码" class="layui-input password">
            </div>
            <div class="layui-form-item ">
              <div class="layui-inline exam">
                  <label class="beg-login-icon">
                      <i class="layui-icon">&#xe600;</i>
                  </label>
                  <input type="text" name="check" lay-verify="check" autocomplete="off" placeholder="请输入验证码" class="layui-input">
              </div>
                <div class="layui-inline box"></div>
            </div>
            <div class="layui-form-item">
                <div class="beg-pull-left beg-login-remember">
                    <label>记住帐号？</label>
                    <input type="checkbox" name="rememberMe" value="true" lay-skin="switch" checked title="记住帐号">
                </div>
                <div class="beg-pull-right">
                    <button class="login layui-btn layui-btn-primary" lay-submit lay-filter="login">
                        <i class="layui-icon">&#xe650;</i>&nbsp;&nbsp;登录
                    </button>
                </div>
                <div class="beg-clear"></div>
            </div>

        </form>
    </div>
    <footer>
        <p>Beginner © www.nuist.cn</p>
    </footer>
</div>
<script type="text/javascript" src="../plugins/layui/layui.js"></script>
<script src="../js/jparticle.jquery.js"></script>
<script>
    layui.use(['layer', 'form'], function() {
        var layer = layui.layer,
                $ = layui.jquery,
                form = layui.form();

//        自定义验证规则
        form.verify({
            /*userName:function(value){
                if(value.length<5){
                    return '登录名至少5个字！';
                }
            }*/

        })
        form.on('submit(login)',function(data){

            location.href='index.html';
            return false;
        });
    });
</script>
</body>
</html>